<script lang="ts" setup>
import titleLine from "@/components/Title/title-line.vue";
import AccountInfo from "./components/AccountInfo.vue";
import DataChart from "./components/DataChart.vue";
</script>

<template>
  <div>
    <titleLine title="首页" />
    <div class="basic-info">
      <el-image
        class="logo"
        src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"
      />
      <div class="welcome">
        <div>上午好，欢迎进入广告中心</div>
        <div>上次登录：2025年8月20日 星期三 20:30:20</div>
      </div>
    </div>
    <div style="width: 100%">
      <AccountInfo />
      <DataChart />
    </div>
  </div>
  <!-- <component :is="isAdmin ? Admin : Editor" /> -->
</template>

<style lang="scss">
.basic-info {
  width: 100%;
  background-color: #fff;
  padding: 10px 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #999999;
  font-size: 14px;
  .logo {
    width: 80px;
    height: 80px;
    border-radius: 50%;
  }
  .welcome {
    height: 40px;
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
</style>
